<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南工业大学教务处登入</title>
    <!--引入css-->
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.min.css">
    <!--引入js-->
    <script src="../lib/easyui/jquery.min.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!--登入表单-->
    <form style="margin-left:500px;margin-top:200px;">
        <div class="form-group">
            <label for="sno" style="display:inline;">学号：</label>
            <input type="text" class="form-control" id="sno" style="display:inline;width:200px;"/>
        </div>
        <div class="form-group">
            <label for="password" style="display:inline;">密码：</label>
            <input type="text" class="form-control" id="password" style="display:inline;width:200px;"/>
        </div>
        <div class="form-group">
            <label class="radio-inline">
                <input type="radio" name="radioOptions" id="radio1" value="option1"> 部门
            </label>
            <label class="radio-inline">
                <input type="radio" name="radioOptions" id="radio2" value="option2"> 教师
            </label>
            <label class="radio-inline">
                <input type="radio" name="radioOptions" id="radio3" value="option3"> 学生
            </label>
            <label class="radio-inline">
                <input type="radio" name="radioOptions" id="radio4" value="option4"> 访客
            </label>
        </div>
        <button type="submit" class="btn btn-primary" id="mybtn">登入</button>
        <button type="submit" class="btn btn-primary" id="mybtn2">重置</button>
    </form>
<script>
    document.getElementById('mybtn').onclick = function(){
        var sno = document.getElementById('sno').value
        var password = document.getElementById('password').value
        alert(sno + '|' + password)
    }
</script>
</body>
</html>